<template>
  <div>
    <h2>当前求和为{{ sum }},放大10倍后：{{ bigSum }}</h2>
    <button @click="addSum">点我sum+1</button>
    <hr />
    <img v-for="(dog, index) in dogList" :src="dog" alt="" :key="index" /><br />
    <button @click="getDog">随机来只狗</button>
  </div>
</template>

<script lang="ts" setup>
// import { reactive, ref } from "vue";
// import axios from "axios";
import useSum from "../../src/hooks/useSum";
import useDog from "../../src/hooks/useDog";

const { sum, addSum, bigSum } = useSum();
const { dogList, getDog } = useDog();
</script>
<style scoped>
img {
  height: 100px;
}
</style>
